<template>
  <div class="user">
    <table-pro :columns="columns" :requestApi="getUserList">
      <template #sex="{ row }">
        自定义性别显示：{{row.name}}

    </template >

    </table-pro>
  </div>
</template>

<script setup lang="ts">
import {getUserList} from "@/API/user"


const columns:ITableColumn[] = [
  { prop:"username",label:"用户名"},
  { prop:"phone",label:"手机号"},
  {prop:"sex",label:"性别",type:"slot"},
  { prop:"role",label:"角色"},
  { prop:"status",label:"状态"},
  { prop:"created_at",label:"创建时间"},


]

</script>

<style lang="less" scoped>

</style>

